/**
 * By default DataTables only uses the sAjaxSource variable at initialisation
 * time, however it can be useful to re-read an Ajax source and have the table
 * update. Typically you would need to use the `fnClearTable()` and
 * `fnAddData()` functions, however this wraps it all up in a single function
 * call.
 *
 * DataTables 1.10 provides the `dt-api ajax.url()` and `dt-api ajax.reload()`
 * methods, built-in, to give the same functionality as this plug-in. As such
 * this method is marked deprecated, but is available for use with legacy
 * version of DataTables. Please use the new API if you are used DataTables 1.10
 * or newer.
 *
 *  @name fnReloadAjax
 *  @summary Reload the table's data from the Ajax source
 *  @author [Allan Jardine](http://sprymedia.co.uk)
 *  @deprecated
 *
 *  @param {string} [sNewSource] URL to get the data from. If not give, the
 *    previously used URL is used.
 *  @param {function} [fnCallback] Callback that is executed when the table has
 *    redrawn with the new data
 *  @param {boolean} [bStandingRedraw=false] Standing redraw (don't changing the
 *      paging)
 *
 *  @example
 *    var table = $('#example').dataTable();
 *    
 *    // Example call to load a new file
 *    table.fnReloadAjax( 'media/examples_support/json_source2.txt' );
 *
 *    // Example call to reload from original file
 *    table.fnReloadAjax();
 */

jQuery.fn.dataTableExt.oApi.fnReloadAjax = function ( oSettings, sNewSource, jsonString, fnCallback, bStandingRedraw )
{
	// DataTables 1.10 compatibility - if 1.10 then `versionCheck` exists.
	// 1.10's API has ajax reloading built in, so we use those abilities
	// directly.
	if ( jQuery.fn.dataTable.versionCheck ) {
		var api = new jQuery.fn.dataTable.Api( oSettings );

		if ( sNewSource ) {
			api.ajax.url( sNewSource ).load( fnCallback, !bStandingRedraw );
		}
		else {
			api.ajax.reload( fnCallback, !bStandingRedraw );
		}
		return;
	}

	if ( sNewSource !== undefined && sNewSource !== null ) {
		oSettings.sAjaxSource = sNewSource;
	}

	// Server-side processing should just call fnDraw
	if ( oSettings.oFeatures.bServerSide ) {
		this.fnDraw();
		return;
	}

	this.oApi._fnProcessingDisplay( oSettings, true );
	var that = this;
	var iStart = oSettings._iDisplayStart;
	var aData = [];

	this.oApi._fnServerParams( oSettings, aData );

	oSettings.fnServerData.call( oSettings.oInstance, oSettings.sAjaxSource, aData, function(json) {
		/* Clear the old information from the table */
		that.oApi._fnClearTable( oSettings );

		/* Got the data - add it to the table */
		var aData =  (oSettings.sAjaxDataProp !== "") ?
			that.oApi._fnGetObjectDataFn( oSettings.sAjaxDataProp )( json ) : json,
			flagDefault = true,
			classDisplay = "dd-display";
			classInputName = "inputName";
			classTextareaValue = "textareaValue";
			classTextareaDesp = "textareaDesp";

		for ( var i=0 ; i<aData.length ; i++ )
		{
			if (oSettings.sInitialType =='product_detail'){
				var idProperty = aData[i][0];
				var nTr = $('<tr class="odd gradeX" data-id="' + idProperty + '">'+
								'<td><input type="checkbox" class="checkboxes" value="1" /></td>'+
								'<td><input class="dd-display inputName" value="' + aData[i][1] + '"/></td>'+
								'<td class="hidden-phone"><textarea class="small dd-display textareaValue">' + aData[i][2] + '</textarea></td>'+
								'<td class="hidden-phone">'+
									'<img class="dd-property" src="' + aData[i][3] + '">'+
									'<input class="dd-file" id="imgProp' + idProperty + '" type="file" name="uploadImg">'+
								'</td>'+
								'<td class="center hidden-phone"><textarea class="small dd-display textareaDesp">' + aData[i][4] + '</textarea></td>'+
							'</tr>')[0];
				that.fnAddTr(nTr, 'end');
			}
			
			if (oSettings.sInitialType=='product_list'){
				var idProduct = aData[i][0];
				var nTr = $('<tr class="odd gradeX" data-id="' + idProduct + '">'+
								'<td><input type="checkbox" class="checkboxes" value="1" /></td>'+
								'<td>'+
									'<img class="dd-detail" src="' + aData[i][1][0] + '"/>'+
									'<input class="dd-file" id="imgPic' + idProduct + '" type="file" name="uploadImg"/>'+
									'<input class="dd-display" value="' + aData[i][1][1] + '"/>'+
								'</td>'+
								'<td class="hidden-phone"><input class="dd-status"/></td>'+
								'<td class="hidden-phone"><input class="dd-level"/></td>'+
								'<td class="hidden-phone"><input class="dd-category"/></td>'+
							'</tr>')[0];
				that.fnAddTr(nTr);		
				
				var classStatus = "dd-status",
					classLevel = "dd-level",
					classCategory= "dd-category",
					elInput;
				
				// load status combo and set default value
				elInput = $('input.' + classStatus, nTr);
				elInput.combobox({
					url:'data/product-status.json',
					valueField:'id',
					textField:'text',
					panelHeight: 'auto',
					editable: false,
					onChange:function(param){
						var elParent = $(this).parent();
						
						if (flagDefault == false && elParent[0].nodeName != "TH"){
							updateArrayChanged("status", param, elParent, jsonString);
						}
					}
				});
				elInput.combobox('select', aData[i][2]);
				
				
				// load level combo and set default value
				elInput = $('input.' + classLevel, nTr);
				elInput.combobox({
					url:'data/product-level.json',
					valueField:'id',
					textField:'text',
					panelHeight: 'auto',
					editable: false,
					onChange:function(param){
						var elParent = $(this).parent();
							
						if (flagDefault == false && elParent[0].nodeName != "TH"){
							updateArrayChanged("level", param, elParent ,jsonString);
						}
					}
				});
				elInput.combobox('select', aData[i][3]);
				
				// load category combo and set default value
				elInput = $('input.' + classCategory, nTr);
				elInput.combotree({
					url:'data/product-category.json',
					valueField:'id',
					textField:'text',
					panelHeight: 'auto',
					editable: false,
					onChange:function(param){
						var elParent = $(this).parent();
						
						if (flagDefault == false && elParent[0].nodeName != "TH"){
							updateArrayChanged("category", param, elParent, jsonString);
						}
					}
				});
				elInput.combotree('setValue', parseInt(aData[i][4]));				
			}			
			
			//that.oApi._fnAddData( oSettings, aData[i] );
		}
		
		if (oSettings.sInitialType=='product_list'){
			//Leon eidt: set combo as default value, then set the flag as false
			flagDefault = false;
			//when category name changed, the new name will be save to jsonString
			$("." + classDisplay).watch(function(value, e){
				updateArrayChanged("name", value, e, jsonString);
			});
		}
		if (oSettings.sInitialType=='product_detail'){
			//update property changed array
			$("." + classDisplay).watch(function(value, el){
				if ($(el).hasClass(classInputName))
					updateArrayChangedProperty("name", value, el, jsonString);
				else if ($(el).hasClass(classTextareaValue))
					updateArrayChangedProperty("value", value, el, jsonString);
				else if ($(el).hasClass(classTextareaDesp))
					updateArrayChangedProperty("description", value, el, jsonString);
			});			
		}
		
		oSettings.aiDisplay = oSettings.aiDisplayMaster.slice();

		that.fnDraw();

		if ( bStandingRedraw === true )
		{
			oSettings._iDisplayStart = iStart;
			that.oApi._fnCalculateEnd( oSettings );
			that.fnDraw( false );
		}

		that.oApi._fnProcessingDisplay( oSettings, false );

		/* Callback user function - for event handlers etc */
		if ( typeof fnCallback == 'function' && fnCallback !== null )
		{
			fnCallback( oSettings );
		}
	}, oSettings );
};